<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>鼠标经过图标</title>
<style>
.cont{ width:600px; margin:0 auto; border:#30547F 5px solid; background:#5D7FA6; list-style:none; padding:5px; overflow:hidden;}
.cont li{ float:left; height:30px; background:#fff; line-height:30px; font-size:12px; vertical-align:middle; margin:0px 5px 5px 0px; padding:0px 5px; color:#AAC2D9;}
</style>
</head>

<body>
<ul class="cont">
	<li>no cursor</li>
    <li style="cursor: auto;">auto</li>
    <li style="cursor: alias;">alias</li>
    <li style="cursor: all-scroll;">all-scroll</li>
    <li style="cursor: cell;">cell</li>
    <li style="cursor: col-resize;">col-resize</li>
    <li style="cursor: context-menu;">context-menu</li>
    <li style="cursor: copy;">copy</li>
    <li style="cursor: crosshair;">crosshair</li>
    <li style="cursor: default;">default</li>
    <li style="cursor: e-resize;">e-resize</li>
    <li style="cursor: ew-resize;">ew-resize</li>
    <li style="cursor: help;">help</li>
    <li style="cursor: inherit;">inherit</li>
    <li style="cursor: move;">move</li>
    <li style="cursor: n-resize;">n-resize</li>
    <li style="cursor: ne-resize;">ne-resize</li>
    <li style="cursor: nesw-resize;">nesw-resize</li>
    <li style="cursor: no-drop;">no-drop</li>
    <li style="cursor: none;">none</li>
    <li style="cursor: not-allowed;">not-allowed</li>
    <li style="cursor: ns-resize;">ns-resize</li>
    <li style="cursor: nw-resize;">nw-resize</li>
    <li style="cursor: nwse-resize;">nwse-resize</li>
    <li style="cursor: pointer;">pointer</li>
    <li style="cursor: progress;">progress</li>
    <li style="cursor: row-resize;">row-resize</li>
    <li style="cursor: s-resize;">s-resize</li>
    <li style="cursor: se-resize;">se-resize</li>
    <li style="cursor: sw-resize;">sw-resize</li>
    <li style="cursor: text;">text</li>
    <li style="cursor: vertical-text;">vertical-text</li>
    <li style="cursor: wait;">wait</li>
    <li style="cursor: w-resize;">w-resize</li>
    <li style="cursor: !important;">!important</li>
</ul>
</body>
</html>
